﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    List<Onlyle.Model.E_GaoXiao_Article> AList = Model;
    string picPath = "http://uimg.fotoat.com/pic/gaoxiao/{2}/{0}/{1}";
}
<script src="~/Scripts/Combined_Metro.js"></script>

   <div class="page secondary fixed-header">
    <div class="page-header ">
        <div class="page-header-content">
            <div class="user-login">
                <a href="#">
                    <div class="name">
                        <span class="first-name">Sergey</span>
                        <span class="last-name">Pimenov</span>
                    </div>
                    <div class="avatar">
                        <img src="http://www.bootcss.com/p/metro-ui-css/images/myface.jpg">
                    </div>
                </a>
            </div>

            <h1>Start</h1>
        </div>
    </div>

    <div class="page-region">
        <div class="page-region-content tiles">
            <div class="tile-group tile-drag">
                <div class="tile double image-slider" data-role="tile-slider" data-param-period="5000" data-param-direction="left">
                @for (int i = 0; i < AList.Count; i++)
                {  
                    if(AList[i].GaoXiao_Type=="美女福利")
                    {
                        <div class="tile-content">
                             <img src="@string.Format(picPath, Convert.ToDateTime(AList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), AList[i].GaoXiao_ImgAddress,"meinvfuli")" />
                        </div>        
                    }
                }
                </div>

                <div class="tile double bg-color-blueDark">
                    @for (int i = 0; i < AList.Count; i++)
                    {
                        if (AList[i].GaoXiao_Type == "糗事")
                        { 
                            <div class="tile-content">
                                <img class="place-left" src="@string.Format(picPath, Convert.ToDateTime(AList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), AList[i].GaoXiao_ImgAddress,"qiushi")" />
                                <h3 style="margin-bottom: 5px;">@Industry.Framework.Common.Helper.StringHelper.ClipString(AList[i].GaoXiao_ContentTitle,21)</h3>
                                <p>@Industry.Framework.Common.Helper.StringHelper.ClipString(AList[i].GaoXiao_Content,101)</p>
                            </div>
                            <div class="brand">
                                <span class="name">糗事</span>
                             </div>
                            break;
                        }
                    }
                </div>
               
                 <div class="tile bg-color-darken icon">
                     @for (int i = 0; i < AList.Count; i++)
                    {
                        if (AList[i].GaoXiao_Type == "屌丝")
                        { 
                            <div class="tile-content">
                                <img class="place-left" src="@string.Format(picPath, Convert.ToDateTime(AList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), AList[i].GaoXiao_ImgAddress,"diaosi")" />
                            </div>
                            <div class="brand">
                                <span class="name">屌丝</span>
                             </div>
                            break;
                        }
                    }
                </div>
                   <div class="tile bg-color-darken icon">
                     @for (int i = 0; i < AList.Count; i++)
                    {
                        if (AList[i].GaoXiao_Type == "恶搞")
                        { 
                            <div class="tile-content">
                                <img class="place-left" src="@string.Format(picPath, Convert.ToDateTime(AList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), AList[i].GaoXiao_ImgAddress,"egao")" />
                            </div>
                            <div class="brand">
                                <span class="name">恶搞</span>
                             </div>
                            break;
                        }
                    }
                </div>


                <div class="tile double bg-color-green" data-role="tile-slider" data-param-period="3000">
                    @for (int i = 0; i < AList.Count; i++)
                    {
                        if (AList[i].GaoXiao_Type == "冷笑话")
                        { 
                            <div class="tile-content">
                                <h3>@Industry.Framework.Common.Helper.StringHelper.ClipString(AList[i].GaoXiao_ContentTitle,21)</h3>
                                <p>@Industry.Framework.Common.Helper.StringHelper.ClipString(AList[i].GaoXiao_Content,101)</p>
                            </div>
                        }
                    }
                    <div class="brand">
                        <span class="name">冷笑话</span>
                    </div>
                </div>



                <div class="tile double image-slider" data-role="tile-slider" data-param-period="5000" data-param-direction="left">
                @for (int i = 0; i < AList.Count; i++)
                {  
                    if(AList[i].GaoXiao_Type=="内涵")
                    {
                        <div class="tile-content">
                             <img src="@string.Format(picPath, Convert.ToDateTime(AList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), AList[i].GaoXiao_ImgAddress,"neihan")" />
                        </div>        
                    }
                }
                </div>


                
               

            </div>

             <div class="tile-group tile-drag">

                
                

             

               

            </div>

        </div>
    </div>
</div>       